<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>mall-首页面</title>
    <link rel="shortcut icon" href="/static/images/favicon.ico">             <!--网页图标-->
    <meta name="keyword" content="mall, linmall, 网上购物, 购物平台, 网上交易, 飞速送达">   <!--通过关键字可以搜索到该页面-->
    <meta name="description" content="为您提供最新最快最全面的购物体验，">       <!--简短的网页介绍-->
    <!--导入自定义样式-->
    <link rel="stylesheet" href="/static/css/index.css">

    <!--导入layui样式-->
    <link rel="stylesheet" href="/static/layui/css/layui.css">           <!--layui自带的样式可以清楚浏览器边框空隙-->
    <script src="/static/layui/layui.js"></script>

</head>
<body>
<!--头部 start-->
<header id="header" class="layui-bg-gray">
    <div class="header-content layui-container">        <!--头部主体盒子-->
        <!--logo start-->
        <img src="/static/images/logo.ico" alt="">      <!--头部logo图标-->
        <!--logo end-->

        <!--导航栏 start-->
        <div class="nav">
            <ul class="layui-nav" lay-bar="disabled">
                <li class="layui-nav-item"><a href="" class="login">亲，请登录</a></li>
                <li class="layui-nav-item"><a href="" class="register">免费注册</a></li>
                <li class="layui-nav-item"><a href="">购物车<span class="layui-badge">9</span></a></li>
                <li class="layui-nav-item"><a href="">全部订单<span class="layui-badge-dot"></span></a></li>
                <li class="layui-nav-item">
                    <a href=""><img src="http://t.cn/RCzsdCq" class="layui-nav-img"></a>
                    <dl class="layui-nav-child layui-nav-child-r">
                        <dd><a href="">个人信息</a></dd>
                        <dd><a href="">足迹</a></dd>
                        <hr>
                        <dd><a href="">Sign out</a></dd>
                    </dl>
                </li>
            </ul>
        </div>                             <!--头部导航栏盒子-->
        <!--导航栏 end-->

    </div>
</header>
<!--头部 end-->

<!--中部 start-->
<main id="main">
    <div class="main-content layui-container">
        <!--菜单+轮播图 start-->
        <div></div>
        <!--菜单+轮播图 end-->

        <!--好物推荐 start-->
        <div class="good-doods"></div>
        <!--好物推荐 end-->

        <!--猜你喜欢 start-->
        <div class="good-doods"></div>
        <!--猜你喜欢 end-->
    </div>
</main>
<!--中部 end-->

<!--尾部 start-->
<footer id="footer">
    <!--超链接 start-->
    <div class="footer-one layui-container">
        <span class="layui-breadcrumb" lay-separator="|">
          <a href="">淘宝</a>
          <a href="">拼多多</a>
          <a href="">京东</a>
          <a href="">天猫</a>
          <a href="">唯品会</a>
          <a href="">百度</a>
        </span>
        <span class="about-me">
            关于我:
        </span>
    </div>
    <!--超链接 end-->

    <!--版权 start-->
    <div class="footer-two layui-container"></div>
    <!--版权 end-->
</footer>
<!--尾部 end-->
</body>
</html>